<#assign pageName="授权客户端管理">
<@override name="page-content">
<form class="layui-form form-horizontal" role="form" method="post">
     <div class="layui-form-search panel">
         <input type="text" hidden="hidden" name="_STATE"/>
         <@ctrl.TextboxQuery path="oauthClientDetails.clientName" labelText="客户端名称"/>
         <div class="margin-5"> 
            <a href="javascript:;" onclick="$('form:first').submit();" class="layui-btn layui-btn-sm">
                <i class="layui-icon layui-icon-search"></i>查询
            </a>
            <a href="javascript:;" class="layui-btn layui-btn-warm layui-btn-sm js-reset">
                <i class="layui-icon layui-icon-refresh-1"></i>重置
            </a>
            <a href="add" class="layui-btn layui-btn-normal layui-btn-sm">
                <i class="layui-icon layui-icon-add-1"></i>新增
            </a>
         </div>
      </div>
      <table class="layui-table">
        <thead>
            <tr>
               <th class="align-center" width="50px" nowrap="nowrap">序号</th>
               <th class="align-center" nowrap="nowrap">客户端ID</th>
               <th class="align-center" nowrap="nowrap">客户端密钥</th>
               <th class="align-center layui-hide-xs">客户端名称</th>
               <th class="align-center layui-hide-xs">认证类型</th>
               <th class="align-center" width="120px">操作</th>
           </tr>
       </thead>
       <tbody>
       <#if (queryResult.rows)?has_content>
           <#list queryResult.rows as dataItem>
               <tr>
                   <td class="align-center" width="50px" nowrap="nowrap">
                       ${(pageNo-1)*pageSize+dataItem_index+1}
                   </td>
                   <td nowrap="nowrap">
                       ${dataItem.clientId}
                   </td>
                   <td nowrap="nowrap">
                       ${dataItem.clientSecret}
                   </td>
                   <td class="layui-hide-xs">
                       ${dataItem.clientName}
                   </td>
                   <td class="layui-hide-xs">
                       ${dataItem.authorizedGrantTypes}
                   </td>
                   <td class="align-center">
                       <div class="layui-table-cell">
                           <a class="layui-btn layui-btn-normal layui-btn-xs" href="edit/${dataItem.clientId}">
                               <i class="layui-icon layui-icon-edit"></i>编辑
                            </a> 
                           <button type="button" class="layui-btn layui-btn-danger layui-btn-xs"
                                onclick="confirmSubmit('确定要删除‘${dataItem.clientId}’客户端信息吗？', {clientId:'${dataItem.clientId}'},'del')">
                                <i class="layui-icon layui-icon-delete"></i>删除
                            </button>
                       </div>
                   </td>
               </tr>
           </#list>
       <#else>
           <tr>
               <td colspan="7" style="color:red;text-align:center;font-weight:bold;">暂无符合条件的客户端信息</td>
           </tr>
       </#if>
       </tbody>
   </table>
   <@ctrl.pageShow (queryResult.total)!0, (queryResult.pageIndex)!0 />
</form>
</@override>
<@override name="page-scripts">
    <script>
        $(function(){
            layui.use(['form','layer', 'jquery'], function(){
                var form=layui.form;
                var layer=layui.layer;
                var $ = layui.jquery;
                $('.js-reset').on('click', function(){
                    $('#pageNo').val(1);
                    $('#clientName').val("");
                    $('form:first').submit();
                });
            })
        })
    </script>
</@override>
<@extends name="/layout/basepage.html"/> 